<style>
img {
    float: left;
}
</style>
<div id="container" style="overflow: hidden; background: #eee" data-expected-height=100>
    <div style="list-style: none; width: 3230px;">
        <div style="display: table-cell; width: 1615px; vertical-align: top;">
                <a><img src="" height="100px" width="100px"></a>
        </div>
        <div id="second-cell" style="display: block; width: 1615px; vertical-align: top;">
                <a><img src="" height="100px" width="100px"></a>
        </div>
    </div>
</div>
<p id="test-output"></p>
<script src="../../../resources/check-layout.js"></script>
<script>
    var cell = document.getElementById('second-cell');
    var container = document.getElementById('container');
    document.body.offsetTop;
    cell.style.display = 'table-cell';
    window.checkLayout("#container", document.getElementById("test-output"));
</script>
<p>crbug.com/477076: If a nested float doesn't overhang its container the block setting the formatting context should still expand to include it if necessary. </p>
